<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文字阴影</title>
		<style>
		#s{
			width: 300px;
			height: 100px;
			line-height: 100px;
			text-align: center;
			border: 1px solid red;
			text-shadow: 20px 20px 8px blue;
		}
		#s2{
			width: 100px;
			height: 50px;
			border: 1px solid red;
			 overflow: hidden;  
			 white-space: nowrap; 
			 
			text-overflow: ellipsis;
		}
		</style>
	</head>
	<body>
		<h1 id="s">教育改变生活</h1>
		<h1 id="s2">教育改变生活</h1>
	</body>
</html>
